<template>
    <div class="list">
        <ul>
            <NoteItem v-for="todoObj in todos" :key="todoObj.id" :todo='todoObj'/>
        </ul>
    </div>
</template>

<script>
import NoteItem from './NoteItem.vue'
export default {
    name:'NoteList',
    components:{NoteItem},
    props:['todos']
}
</script>

<style scoped>
ul{
    margin: 0;
    padding: 0;
}
.list {
    height: 300px;
    width: 502px;
    overflow: auto;
}
</style>